@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
colorpicker[type="button"]{
width:38px;
height:24px;
border:2px solid;
-moz-border-top-colors:ThreeDLightShadow ThreeDHighlight;
-moz-border-right-colors:ThreeDDarkShadow ThreeDShadow;
-moz-border-bottom-colors:ThreeDDarkShadow ThreeDShadow;
-moz-border-left-colors:ThreeDLightShadow ThreeDHighlight
;background-color:ThreeDFace;
padding:3px}

.colorpicker-button-colorbox{
border:1px solid #000}

colorpicker[type="button"]:focus{
-moz-border-top-colors:ThreeDDarkShadow ThreeDHighlight;
-moz-border-right-colors:ThreeDDarkShadow ThreeDShadow;
-moz-border-bottom-colors:ThreeDDarkShadow ThreeDShadow;
-moz-border-left-colors:ThreeDDarkShadow ThreeDHighlight}

colorpicker[type="button"][open="true"]{
-moz-border-top-colors:ThreeDDarkShadow ThreeDShadow;
-moz-border-right-colors:ThreeDDarkShadow ThreeDShadow;
-moz-border-bottom-colors:ThreeDDarkShadow ThreeDShadow;
-moz-border-left-colors:ThreeDDarkShadow ThreeDShadow}

.colorpickertile{
width:20px;
height:20px;
border-left:1px solid ThreeDShadow;
border-top:1px solid ThreeDShadow;
border-right:1px solid ThreeDHighlight;
border-bottom:1px solid ThreeDHighlight;
margin:1px}

.colorpickertile[selected="true"]{
border:2px outset silver}

.colorpickertile[hover="true"]{
border:2px dotted #fff}

.cp-light[hover="true"]{
border:2px dotted #909090}